




<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<script src="https://cdn.bootcss.com/echarts/4.0.4/echarts-en.min.js"></script>
<div id="main" style="width: 1000px;height:700px;"></div>
{{--<form action=""><input type="text" id="AjaxData" ></form>--}}

<script type="text/javascript">
    var alldata_count = [];
    var alldata_time = [];
    //请求到每个大区的实时人数存到 alldata
    function arr() {
        $.ajax({
            url:"http://192.168.3.251:1083/admin/player/fetchData",
            type: 'post',
            async:false,
            data:{area:{{$area}}},
            dataType:'json',
            success:function (msg) {
                if(msg[1]!=null){
                    alldata_count.push(msg[0]);
                    alldata_time.push(msg[1]);
                }
            }
        });
    };
    //执行展示
    var myChart = echarts.init(document.getElementById('main'));
    function echart(){
        arr();
        //echart图展示
        var n =
            option = {
                xAxis: {
                    type: 'category',
                    data: alldata_count,

                },
                yAxis: {
                    type: 'value'
                },
                series: [{
                    data: alldata_time,
                    type: 'line',
                    itemStyle : { normal: {label : {show: true}}}
                }],
                dataZoom:{
                    realtime:true, //拖动滚动条时是否动态的更新图表数据
                    height:25,//滚动条高度
                    start:40,//滚动条开始位置（共100等份）
                    end:65//结束位置（共100等份）
                }
            };
        myChart.setOption(option);
    }
    echart();
    setInterval(echart,180000);
</script>
